.card-data-container{
  border-radius: 5px;
  // padding-bottom: 10px;
  .card-data-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
.card-data-title{
  font-size: 20px;
  font-weight: bold;
}
  .card-data-icon{
    // margin-top: 20px;
    // margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    font-size: 35px;
  }
  .card-data-body{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
}
// 颜色
.card-data-green{
  background: linear-gradient(270deg,rgb(245, 254, 242), rgb(230, 254, 238));
  .card-data-icon{
    color:#47b747
  }

}
.card-data-red{
  background: linear-gradient(270deg,#fddbda,#ffa39e);
  .card-data-icon{
    color:#ff8d96;
  }
}
.card-data-cyan{
  background: linear-gradient(270deg,#e6fffb, rgb(210, 247, 241));
  .card-data-icon{
    color:#30d3d9
  }
}
.card-data-blue{
  background: linear-gradient(270deg,#d9e2f6,#adc6ff);
  .card-data-icon{
    color:#3875f9;
  }
}
.card-data-geekblue{
  background: linear-gradient(270deg,#f2f9fe,#e6f4fe);
  .card-data-icon{
    color:#7b8cdb;
  }
}
.card-data-purple{
  background: linear-gradient(270deg,rgb(247, 247, 255), rgb(236, 236, 255));
  .card-data-icon{
    color:rgb(109, 109, 248)
  }
}
.card-data-orange{
  background: linear-gradient(270deg,#fef1d6, #f7dda5);
  .card-data-icon{
    color:#e7b451;
  }
}